// WFFW(Webfront Framework) of W3SDK - w3sdk-1.5.0-beta (http://w3cut.cn Copyright©2019 W3)
//
// media - 2019/12/20
// 说明：媒介样式
// 用法：wffw 项目中引用

//
// settings
//

$g-app-type: "pco" !default;

$m-points: (
	xs: 0,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
	xxl: 1400px,
	xxxl: 1600px
) !default;

//
// function
//

@mixin mmax($point) {
	@media (max-width: map-get($m-points,$point)) {
		@content;
	}
}
@mixin mmin($point) {
	@media (min-width: map-get($m-points,$point)) {
		@content;
	}
}
@mixin mwap {
	@media (max-width: map-get($m-points,"md")) {
		@content;
	}
}

//
// maincode
//

.pc-hide {
	display: none;
}
@if $g-app-type == "pcs" {
	@include mwap {
		body.pcs {
			@include spacing-enum("ht", "height", px, 2);
			@include spacing-enum("wh", "width", px, 2);

			.pc-hide {
				display: block;
			}
			.mb-hide {
				display: none;
			}

			.lrct {
				& > .l,
				& > .r,
				& > .p {
					float: none;
					width: 100%;
				}
			}
			.list {
				&.s1,
				&.s2 {
					.ul {
						.li {
							width: 100%;
						}
					}
				}
				&.s3,
				&.s4 {
					.ul {
						.li {
							width: 50%;
						}
					}
				}
				&.s5,
				&.s6 {
					.ul {
						.li {
							width: 33.33%;
						}
					}
				}
			}

			// tmpl
			& {
				min-width: 0;
			}

			.container {
				width: 100%;
				padding: 0 15px;

				&.full {
					padding: 0;
				}
			}

			header {
				z-index: 11;
				min-width: 0;

				.mbtn {
					display: block;
				}
			}
		}
	}
}
